<script lang="ts" setup>
import CommonPage from "@/newComponents/CommonPage.vue";
import { formatter } from "@/utils/formatterUtils";
import LzCommentAPI from "@/api/content/lz-comment";
import CommentDialog from "@/views/content/lz-comment/CommentDialog.vue";

const pageRef = ref();
</script>
<template>
  <common-page ref="pageRef" :page-api="LzCommentAPI" :component="CommentDialog">
    <template #formContent="{ filters }">
      <el-form-item label="评论内容" prop="content">
        <el-input v-model="filters.content" placeholder="请输入评论内容" clearable></el-input>
      </el-form-item>
    </template>
    <template #tableContent>
      <el-table-column key="id" label="id" prop="id" min-width="150" align="center" :formatter />
      <el-table-column
        key="content"
        label="评论内容"
        prop="content"
        min-width="150"
        align="center"
        :formatter
      />
    </template>
  </common-page>
</template>
<style lang="scss" scoped></style>
